<template>
  <div class="collent-page">
    <a-tabs v-model:activeKey="activeKey" @change="onChangeActiveKey">
      <a-tab-pane :key="1" tab="商品">
        <ProductType></ProductType>
      </a-tab-pane>
      <a-tab-pane :key="2" tab="品类">
        <SubType></SubType>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue'
import SubType from './subType.vue'
import ProductType from './productType.vue'
const activeKey = ref<number | undefined>(1)
const pageInfo = ref({
  pageSize: 10,
  pageNumber: 1,
  total: 0
})
const filterInfo = ref({
  priceLow: undefined,
  priceHigh: undefined
})

onMounted(() => {
  // getList()
})
function onChangeActiveKey(e: any) {
  console.log(e);
}
</script>

<style scoped lang="less">
.collent-page {
  background: #fff;
  margin-top: 12px;
  padding: 12px;
  border-radius: 10px;
  height: calc(100vh - 120px);
}
</style>